body {
    margin: 0;
    padding: 0;
}

body.presentation {
overflow: hidden;
}

p {
    margin-left: 1%;
}
div.right_menu {
    position: fixed;
    z-index: 99;
    font-family: Arial;
    font-weight: bold;
    padding: 0 7px;
    top: 0px;
    right: 0px;
    height: 30px;
    border-bottom: 2px solid black; 
    border-left: 2px solid black;
    background-color: white;
    display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
-webkit-box-align:center;
}

div.left_menu {
        font-family: Arial;
    font-weight: bold;
    position: fixed;
    z-index: 99;
    padding: 0 7px;
    height: 30px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    border-bottom: 2px solid black; 
    border-right: 2px solid black;
    background-color: Darkorange;
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
-webkit-box-align:center;
}

div.left_menu:hover {
    background-color: greenyellow;
}

div.viewBp {
    z-index: 1;
    border: 2px solid black; 
    position: relative;
    width: 98%;
    margin: 5% 1% 2% 1%;
    overflow: auto;
}

div.viewBp pre {
    margin-left: 10px;
}

div.viewBfg {
    z-index: 1;
    border: 2px solid black; 
    width: 98%;
    margin: 40px 1% 5% 1%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

div#note {
    position: absolute;
    bottom: 0; 
    left: 0; 
    color:red; 
    height: auto;
    background-color: white; 
    border-top: 2px solid black; 
    border-right: 2px solid black; 
    padding: 6px;
    cursor: default;
}

embed {
    height: 100%;
    width: 100%;
    cursor: pointer;
}